<template>
  <el-button quaternary @click="changeTheme" title="主题" size="small">
    <SvgIcon name="fa far fa-sun" v-if="designStore.darkTheme"></SvgIcon>
    <SvgIcon name="fa fa-solid fa-moon" v-else></SvgIcon>
  </el-button>
</template>

<script lang="ts" setup>
import { useDesignStore } from '@/stores/modules/designStore/designStore'
// import { setHtmlTheme } from '@/utils'
// import { icon } from '@/plugins'
// const { MoonIcon, SunnyIcon } = icon.ionicons5
const designStore = useDesignStore()

// 改变样式
const changeTheme = () => {
  // designStore.changeTheme()
  // setHtmlTheme()
}
</script>
